<template>
  <div class="home">
    <!--导航栏-->
    <NavHeader></NavHeader>
    <!--导航栏-->

    <!--导航列表-->
    <NavList></NavList>
    <!--导航列表-->

    <!--今日热点-->
    <HotStock></HotStock>
    <!--今日热点-->

    <!-- 热帖 -->
    <!-- <Articles></Articles> -->
    <!-- <Articles02></Articles02> -->
    <Articles></Articles>
    <!-- 热帖 -->
  </div>
</template>

<script>
// 导入组件
import NavHeader from "@/components/Home/NavHeader";
import NavList from "@/components/Home/NavList";
import HotStock from "@/components/Home/HotStock";
// import Articles from "@/components/Home/Articles";
// import Articles from "@/components/Home/Articles02";
import Articles from "@/components/Home/Articles03";

export default {
  name: "Home",
  components: {
    NavHeader,
    NavList,
    HotStock,
    // Articles,
    // Articles02,
    Articles,
  },
};
</script>

<style lang="less" scoped></style>
